<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="favicon.ico">
    <!-- 初始化 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公用的CSS文件 -->
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/login.css">
</head>

<body>
    <!-- 头部 start-->
    <header class="header w clearfix">
        <div class="logo">
            <h1><a href="#" title="品优购">品优购</a></h1>
        </div>
    </header>
    <!-- 头部 end-->
    <!-- 登录 start -->
    <div class="login">
        <div class="w">
            <img src="images/登录_03.png" alt="">
            <div class="login_content">
                <ul>
                    <li class="hd clearfix">
                        <div class="lf"><a href="#">扫码登录</a></div>
                        <div class="middle"></div>
                        <div class="rf"><a href="#">账户登录</a></div>
                    </li>
                    <li>
                        <div class="warning">公共场所不建议自动登录，以免账号丢失</div>
                    </li>
                    <li class="inp">
                        <label for="">
                            <div class="icon1"></div><input type="text" placeholder="邮箱/用户名/手机号">
                        </label>
                    </li>
                    <li class="inp">
                        <label for="">
                            <div class="icon2"></div><input type="password" placeholder="请输入密码">
                        </label>
                    </li>
                    <li class="sel clearfix">
                        <div class="lf"><label for=""><input type="checkbox">自动登录</label></div>
                        <div class="rf"><a href="#">忘记密码?</a></div>
                    </li>
                    <li>
                        <input type="button" value="登录">
                    </li>
                    <li>
                        <div class="content_bottom">
                            <ul>
                                <li><a href="#"></a></li>
                                <li><a href="#"></a></li>
                                <li><a href="#"></a></li>
                                <li><a href="#"></a></li>
                                <li><a href="#">立即注册</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 登录 end -->
    <!-- 尾部 start -->
    <div class="w">
        <div class="mod_copyright">
            <div class="link">
                <a href="#">关于我们</a> | <a href="#">联系我们</a>|<a href="#">联系客服 </a>|<a href="#">商家入驻 </a>|<a href="#">营销中心
                </a>|<a href="#">手机品优购 </a>|<a href="#">友情链接 </a>|<a href="#">销售联盟 </a> |<a href="#">品优购社区
                </a>|<a href="#">品优购公益 </a>|<a href="#">English Site </a>|<a href="#">Contact U</a>

            </div>
            <div class="right">
                <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
                    京ICP备08001421号京公网安备110108007702</p>
            </div>
        </div>
    </div>
    <!-- 尾部 end -->
</body>

</html>